<template>
    <sky-card>
        <view class="header-box">
            <view>退款信息</view>
        </view>
        <view class="address-row">
            <view class="label">订单编号：</view>
            <view class="value">{{ orderInfo.order_no }}</view>
        </view>
        <view class="address-row" >
            <view class="label">售后类型：</view>
            <view class="value">{{ refundInfo.refund_type_text }}</view>
        </view>
        <view class="address-row">
            <view class="label">商品状态：</view>
            <view class="value">{{ refundInfo.goods_status_text }}</view>
        </view>
        <view class="address-row">
            <view class="label">申请时间：</view>
            <view class="value">{{ refundInfo.createtime_text }}</view>
        </view>
        <view class="address-row">
            <view class="label">退款原因：</view>
            <view class="value">{{ refundInfo.refund_reason }}</view>
        </view>
        <view class="address-row" >
            <view class="label">问题描述：</view>
            <view class="value">{{ refundInfo.problem_description }}</view>
        </view>
        <view class="address-row">
            <view class="label">退款凭证：</view>
            <view class="value">
                <sky-images-grid :images="refundInfo.refund_images"/>
            </view>
        </view>
        <view class="address-row">
            <view class="label">退款金额：</view>
            <view class="value">￥{{ refundInfo.refund_money }}</view>
        </view>
        <view class="address-row" v-if="refundInfo.refund_type==='1'">
            <view class="label">快递：</view>
            <view class="value">{{ refundInfo.express }}</view>
        </view>
        <view class="address-row" v-if="refundInfo.refund_type==='1'">
            <view class="label">快递单号：</view>
            <view class="value">{{ refundInfo.express_no }}</view>
        </view>
    </sky-card>
</template>
<script setup>
import {RefundStatusEnum} from '@/enums/order'

const props = defineProps({
    orderInfo: {
        type: Object,
        default: () => {
            return {}
        }
    },
    refundInfo: {
        type: Object,
        default: () => {
            return {}
        }
    }
})

</script>
<style scoped lang="scss">
.header-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 2rpx solid #eeeeee;
    padding-bottom: 12rpx;
    margin-bottom: 24rpx;
    font-weight: bold;
}

.address-row {
    display: flex;
    align-items: flex-start;
    gap: 4rpx;
    margin-bottom: 18rpx;
    
    .label {
        color: #606266;
    }
    
    .value {
        flex: 1;
    }
}
</style>
